<template>
    <el-main>
        <el-main class="ep-body">
            <epl-top-bar showPerson personType="PERSON_AAC031_1" psTagType="PERSON_AAB001_GROUP">
                <ep-button size="small" name="打印"></ep-button>
                <ep-button size="small" name="刷新"></ep-button>
            </epl-top-bar>
             <epl-userMessage dataType="person" idCount="2" :panel="panel">
                  <epl-personInsurance></epl-personInsurance>
            </epl-userMessage>
            
            
                <el-collapse v-model="activeNames" >
                <el-collapse-item title="重复时间" name="1">
                    <el-card class="ep-card">
                        <el-form :model="form2" :rules="rules" ref="form">
                            <el-row :gutter="10">
                                <ep-date colspan="8" label="开始时间" name="aae002b" :property="form2.aae002b" placeholder="" 
                                    p="R" :datas="{formData: form2 }" type="date" format="yyyy-MM" value-format="yyyyMM"></ep-date>
                                <ep-date colspan="8" label="截止时间" name="aae002e" :property="form2.aae002e" placeholder="" 
                                    p="E" :datas="{formData: form2 }" type="date" format="yyyy-MM" value-format="yyyyMM"></ep-date>
                                <el-col :span="2" :offset="3"><ep-button id="query" api="doQuery" :datas="{formData: form2}" 
                                    type="primary" size="mini" icon="el-icon-search" name="查询"></ep-button></el-col>
                            </el-row>
                        </el-form>
                    </el-card>
                </el-collapse-item>
                <el-collapse-item title="重复明细信息" name="2">
                    <el-card class="ep-card">
                        <el-row>
                            <ep-table :data="tableData" border style="width: 100%;" :titleFilter="demo" rowDbClick>
                                    <ep-table-column editor="index" width="100"  header="序号"></ep-table-column>    
                                    <ep-table-column  sortable width="140" editor="text"   name="aae002" header="费款所属期"></ep-table-column>
                                    <ep-table-column  sortable width="200" editor="text" hidden  name="aae003" header="对应费款所属期"></ep-table-column>
                                    <ep-table-column sortable width="120" editor="text"       name="aae180" header="缴费基数"></ep-table-column>
                                    <ep-table-column  sortable width="200" editor="text"   name="aae058" header="个帐划入总金额"></ep-table-column>
                                    <ep-table-column  sortable width="120" editor="text"   name="aae021" header="单位划入"></ep-table-column>
                                    <ep-table-column  sortable width="120" editor="text"   name="aae022" header="个人划入"></ep-table-column>
                                    <ep-table-column  sortable width="120" editor="text"   name="aae025" header="社平划入"></ep-table-column>
                                    <ep-table-column  sortable width="100" editor="text"   name="aae202" header="月数"></ep-table-column>
                                    <ep-table-column  sortable width="100" editor="text" hidden  name="bae570" header="费率"></ep-table-column>
                                    <ep-table-column  sortable width="360" editor="text" hidden  name="bae577" header="个人账目首次处理状态明细"></ep-table-column>
                                    <ep-table-column  sortable width="360" editor="text" hidden  name="bae574" header="个人账目二次处理状态明细"></ep-table-column>
                            </ep-table>
                        </el-row>
                    </el-card>
                </el-collapse-item>
                <el-collapse-item title="请输入清退信息" name="3">
                    <el-card class="ep-card">
                        <el-form :model="form" :rules="rules" ref="form">
                            <el-row :gutter="10">
                                <ep-input colspan="8" label="养老个人帐户累计退还储存额（含利息）" name="aaa220" :property="form.aaa220"
                                    placeholder="" p="D" :datas="{formData: form}" ></ep-input>
                                <ep-input colspan="8" label="其中个人缴费部分本息" name="aaa221" :property="form.aaa221" 
                                    placeholder="" p="D" :datas="{formData: form}" ></ep-input>
                                <ep-input colspan="8" label="实际缴费年限" name="aaa222" :property="form.aaa222" 
                                    placeholder="" p="D" :datas="{formData: form}"></ep-input>
                            </el-row>
                            <el-row :gutter="10">
                                <ep-input colspan="8" label="可领取金额" name="aaa223" :property="form.aaa223" 
                                    placeholder="" p="D" :datas="{formData: form}" ></ep-input> 
                                <ep-input colspan="8" label="领取人姓名" name="aaa224" :property="form.aaa224" 
                                    placeholder="请输入领取人姓名" p="E" :datas="{formData: form}" ></ep-input>  
                                <ep-date colspan="8" label="领取时间" name="aaa225" :property="form.aaa225" placeholder="请选择领取时间" 
                                    p="E" format="yyyy-MM-dd" value-format="yyyyMMdd" ></ep-date>
                        
                            </el-row>
                            <el-row :gutter="10">
                                <ep-select colspan="8" label="与参保人关系" name="baz231" :property="form.baz231" codetype="BAZ231"
                                            placeholder="请选择与参保人关系" p="E" :datas="{formData: form3}"></ep-select> 
                                <ep-input colspan="8" label="开户银行" name="aaa227" :property="form.aaa227" 
                                    placeholder="请输入开户银行" p="E" :datas="{formData: form}" ></ep-input>
                                <ep-input colspan="8" label="开户名" name="aaa228" :property="form.aaa228" 
                                    placeholder="请输入开户名" p="E" :datas="{formData: form}" ></ep-input>    
                            </el-row>
                            <el-row :gutter="10">
                                <ep-input colspan="8" label="银行帐号" name="aaa229" :property="form.aaa229" rules="this.$rules.num"
                                    placeholder="请输入银行帐号" p="E" :datas="{formData: form}" ></ep-input>
                                <ep-input colspan="8" label="领取人手机" name="aaa230" :property="form.aaa230" rules="this.$rules.mobile"
                                    placeholder="请输入领取人手机" p="E" :datas="{formData: form}"></ep-input>  
                            </el-row>
                        </el-form>
                    </el-card>
                </el-collapse-item>
                <div style="margin: 15px 0;"></div>
                <el-row type="flex" justify="center">
                    <ep-saveButton  type="primary"  id="doSave"  ref="save" @formValidate="formValidate" :validate="['form']" 
                        :datas="{panel:panel,formData: form,tableData: tableData}" name="保存"></ep-saveButton>
                </el-row>
                </el-collapse>
        </el-main>
    </el-main>
</template>


<script src="../js/TransDetailRefundJS.js"></script>
